<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>青年帮</title>
		<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		<link href="css/animate.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<meta name="generator" content="PHPMyWind CMS" />
		<meta name="author" content="写代码的平面师" />
		<meta name="keywords" content="青年帮创意工坊,青年帮创意工作室,写代码的平面师,王晓楠,王进,网站开发,网页设计,网店装修，淘宝店铺装修,电商设计制作,快课教育" />
		<meta name="description" content="山东济南青年帮创意工坊是一支年轻有创造力的设计制作团队，不断更新最新的创意设计，平面设计，网页设计，电商设计的相关文章及教程" />
		
	</head>
	<body>
		
		
		
		
		<body id="index">
		
		<!-- header-->
		<header class="top">
			<div class="hd">
		    	<a href="http://web.qingnian8.com" class="logo"><img src="img/logo.png" alt="青年帮创意工坊logo" /></a>
		        <nav>                                   
		        	<ul>
		            	<li><a href="index.php" class="index">首页</a></li>
		                <li><a href="case.php" class="case">案例展示</a></li>
		                <li><a href="news_list.php" class="news">最新文章</a></li>
		                <li><a href="bang.php" class="bang">帮店助手</a></li>
		                <!-- <li><a href="http://shop108757130.taobao.com" target="_blank">快课教育</a></li> 
		                <li><a href="down.php" class="down">资料集</a></li>-->
		                <li><a href="http://www.qingnian8.com" target="_blank">设计导航</a></li>
		                
		            </ul>
		        </nav>
		        <div class="us">
		        	关注我们
		            <div class="box">
		            	<ul>
		                	<li><span>QQ：</span>513894357</li>
		                    <li><span>Tel：</span>13065018050</li>
		                </ul>
		                <p><img src="img/weixin.png" />微信公众号</p>
		                <p><img src="img/zcool.png" />站酷主页</p>
		            </div>
		        </div>
		    </div>
		</header><!-- /header-->
		
		<!-- 主体部分 -->
		<article class="content">
			<header>
		    	<h2>Web art service</h2>
		        <h1>为web艺术提供高端服务</h1>
		        <p>青年帮创意工坊，提供优秀的设计制作，高端的学习教程，最新的技术分享</p>
		        <div class="quxian1 quxian"></div>
		        <div class="quxian2 quxian"></div>
		        
		    </header>
		    
		    <section>
		    	<ul class="serv">
		        	<li><a href="#">网页设计</a><img src="img/fuwu_quan.png"></li>
		            <li><a href="#">网店装修</a><img src="img/fuwu_quan.png"></li>
		            <li><a href="#">UI设计</a><img src="img/fuwu_quan.png"></li>
		            <li><a href="#">精品课程</a><img src="img/fuwu_quan.png"></li>
		        </ul>
		    </section>
		    
		</article>
		
		
		<div class="art">
			<header>
		    	<h1>最新文章 <span>&</span> 动态</h1>
		        <p>We are here to have the latest original articles and design tutorials and the latest personal views to help you.</p>
		    </header>
		    
		    <ul>
		        	<li><div><img src="img/us_img.png" width="14">最新文章</div><a href="newsshow.php?cid=26&id=127">做好设计，这三种方法绝对会帮助到你</a><time datetime="">2016-08-19 22:19</time></li>
		        
		       
		           	<li><div><img src="img/us_img.png" width="14">最新文章</div><a href="newsshow.php?cid=26&id=109">dw cs6破解版下载，最详细的dw cs6破解版安装教程</a><time datetime="">2016-07-13 14:48</time></li>
		        
		       
		           	<li><div><img src="img/us_img.png" width="14">最新文章</div><a href="newsshow.php?cid=26&id=22">如何实现网页图片按需滚动分屏无限加载？</a><time datetime="">2015-10-07 12:03</time></li>
		        
		       
		           	<li><div><img src="img/us_img.png" width="14">最新文章</div><a href="newsshow.php?cid=26&id=21">【第2期】平面设计转战网页美工/淘宝美工</a><time datetime="">2015-09-30 23:51</time></li>
		        
		       
		           	<li><div><img src="img/us_img.png" width="14">最新文章</div><a href="newsshow.php?cid=26&id=20">淘宝美工海报制作思路教程1【个人总结：在平面设计与网页设计中积...</a><time datetime="">2015-09-30 16:35</time></li>
		        
		       
		               
		    </ul>
		
		</div>

			<!-- 主体部分end -->
		<div class="copyright">
			Copyright © 2010 - 2018 qingnian8.com All Rights Reserved
		</div>
	</body>
</html>
